<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>更换手机号</title>
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
</head>
<body class="mui-fullscreen">
<!--页面主结构开始-->
<div id="app" class="mui-views">
    <div class="mui-view">
        <div class="mui-navbar">
        </div>
        <div class="mui-pages">
        </div>
    </div>
</div>
<!--单页面开始-->
<div id="setting" class="mui-page">
    <!--页面标题栏开始-->
    <div class="mui-navbar-inner mui-bar mui-bar-nav">
        <button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
            <span class="mui-icon mui-icon-left-nav"></span>
        </button>
        <h1 class="mui-center mui-title"><!--更换手机号--></h1>
    </div>
    <!--页面标题栏结束-->
    <!--页面主内容区开始-->
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="mui-content cards">
                    <form class="mui-input-group">
                        <div class="mui-input-row">
                            <label>姓名</label>
                            <input type="text" id="realname" placeholder="请输入姓名">
                        </div>
                        <div class="mui-input-row">
                            <label>手机号</label>
                            <input type="number" id="phone" placeholder="请输入您的收款银行卡号">
                        </div>
                        <div class="mui-input-row">
                            <label>注册身份证</label>
                            <input type="text" id="idCard" placeholder="请输入注册手份证">
                        </div>
                        <div class="mui-input-row">
                            <label>结算银行卡</label>
                            <input type="text" id="bankNo" placeholder="请输入结算银行卡">
                        </div>
                    </form>
                    <br>
                    <div class="mui-button-df">
                        <a href="#authcode" id="toNext" class="mui-hidden">
                            点击链接到步骤2
                        </a>
                        <button type="button" id="next" class="mui-btn mui-btn-primary mui-btn-block">下一步</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--页面主内容区结束-->
</div>
<!--验证码-->
<div id="authcode" class="mui-page">
    <div class="mui-navbar-inner mui-bar mui-bar-nav">
        <button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
            <span class="mui-icon mui-icon-left-nav"></span><!--添加银行卡-->
        </button>
        <h1 class="mui-center mui-title">验证手机号</h1>
    </div>
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll cards" >
                <form class="mui-input-group">
                    <div class="mui-input-row">
                        <label>新手机号</label>
                        <input id="newphone" type="number" maxlength="11"  placeholder="请输入新手机号">
                    </div>
                    <div class="mui-input-row">
                        <label>验证码</label>
                        <input id="phoneCode" type="number" maxlength="6"  placeholder="请输入验证码">
                        <span id="send">发送验证码</span>
                    </div>
                </form>
                <div style="height: 30px;"></div>
                <div class="mui-button-df">
                    <button type="button" id="submit" class="mui-btn mui-btn-primary mui-btn-block">下一步</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/mui-view/mui.view.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/more/changephone.js"></script>
</body>
</html>